<template>
    <el-container class="titleAre">
        <el-row>
            <el-col :span="3"><img src="../assets/logo.png" style="width: 145px;height: 40px"></el-col>
            <el-col :span="15">dsadsa</el-col>
            <el-col :span="6">
                <div class="display flow userAre">
                    <!--<el-avatar icon="el-icon-user-solid" :size="40" style="margin-right: 20px"></el-avatar>-->
                    <el-dropdown>
                          <span class="el-dropdown-link">
                              <el-avatar icon="el-icon-user-solid" :size="40" style="margin-right: 10px"></el-avatar>
                            {{$store.state.user_name}}
                              <i class="el-icon-arrow-down el-icon--right"></i>
                          </span>
                            <el-dropdown-menu slot="dropdown">
                                <el-dropdown-item>
                                    <router-link to="/supplier_info">基础信息</router-link>
                                </el-dropdown-item>
                                <el-dropdown-item ><router-link to="/supplier_reset_pwd">修改密码</router-link></el-dropdown-item>
                            </el-dropdown-menu>
                    </el-dropdown>
                    <i class="el-icon-switch-button where" @click="loginOut" title="退出系统" ></i>
                 </div>
            </el-col>
        </el-row>
    </el-container>
</template>

<script>
export default {
    name: "titleAre",
    data(){
        return {

        }
    },
    methods:{
        loginOut(){
            sessionStorage.setItem('code',400);
            this.$router.push({path:'/login'})
        }
    }
}
</script>

<style>
    .titleAre{
        width: 100%;
        height: 100%;
        align-items: center
    }
    .el-row{
        width: 100%
    }
    .userAre{
        font-size: 24px;
        color: white
    }
    .flow{
        /*height:43.6px;*/
    }
    .where{
        margin-left: 30px;
    }
    .el-dropdown-link {
        cursor: pointer;
        color: #fff;
        display: flex;
        flex-flow: row nowrap;
        align-items: center;

    }
    .el-icon-arrow-down {
        font-size: 12px;
    }
    .el-dropdown-menu__item a{
        text-decoration: none;
        color:#666;
    }
    .el-dropdown-menu__item:hover a{
        color:#409eff;
    }
</style>
